<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<title>全国地图</title>
<link href="/vendor/bootstrap/css/bootstrap.css" rel="stylesheet">
<script src="/vendor/jquery/jquery-1.10.2.min.js"></script>
<script src="/js/lib/echarts/echarts.min.js"></script>
<script src="/js/lib/echarts/china.js"></script>
<script src="/js/china-map.js"></script>
<style type="text/css">
html, body {
	background-color: #152349;
	color: white;
}

.float-div {
	position: absolute;
	z-index: 2;
}

.speed-div {
	top: 6%;
	left: 2.5%;
	width: 20%;
	height: 12%;
	z-index: 2;
	text-align: center;
	background-color: #162a5f;
}

.info-div {
	top: 19%;
	left: 2.5%;
	width: 20%;
	height: 20%;
	z-index: 2;
	text-align: center;
	background-color: #162a5f;
}

.dlp-head {
	font-size: 1.2em;
	padding: 2px;
	background-color: #2f56bc;
}

.dlp-nav {
	position: absolute;
	width: 60%;
	height: 4%;
	left: 2.5%;
	top: 1%;
	z-index: 2;
}

input {
	cursor: pointer !important;
	background-color: #162a5f !important;
	color: white !important;
}
</style>
</head>

<body>
	<div class="float-div dlp-nav">
		<input type="button" value="制造中心" />
		<input type="button" value="产能监控" onclick="window.open('/ios/free/bus/device.html');" />
		<input type="button" value="在线设备" onclick="window.open('/ios/free/bus/online-dev.html');" />
		<input type="button" value="增材信息流" onclick="window.open('/ios/free/bus/video.html');" />
		<input type="button" value="SLM监测" onclick="window.open('/ios/free/bus/monitor.html');" />
		<input type="button" value="熔丝制造" onclick="window.open('/ios/free/bus/fuse-tec.html');" />
	</div>
	<div class="float-div speed-div">
		<div class="dlp-head">加工情况统计</div>
		<div class="dlp-body">
			<div style="text-align: center; float: left; color: yellow; width: 50%; margin-top: 3%;">
				累计加工量<br/>
				14844
			</div>
			<div style="text-align: center; float: left; color: yellow; width: 50%; margin-top: 3%;">
				累计加工时长<br/>
				5011Kh
			</div>
			<div style="clear: both;"></div>
		</div>
	</div>
	<div class="float-div info-div">
		<div id="circlePanel" style="width: 100%; height: 100%;"></div>
	</div>
	<div class="mapWrapper">
		<div class="map" id="container" style="position: absolute; width: 100%; height: 100%; bottom: 0px; left: 0px; right: 0px;"></div>
	</div>
</body>

</html>